---
layout: example.html
title: Tile Transitions
shortdesc: Custom configuration for opacity transitions on tiles.
docs: >
  By default tiles are rendered with an opacity transition - fading in over
  250 ms.  To disable this behavior, set the <code>transition</code> option
  of the tile source to 0.
tags: "fade, transition"
cloak:
  - key: pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiY2pzbmg0Nmk5MGF5NzQzbzRnbDNoeHJrbiJ9.7_-_gL8ur7ZtEiNwRfCy7Q
    value: Your Mapbox access token from https://mapbox.com/ here
---
<div id="map" class="map"></div>
<label>
  render with an opacity transition
  <input id="transition" type="checkbox" checked>
</label>
